<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <!-- Bootstrap -->
    <link href="resource/css/vendor/bootstrap.min.css" rel="stylesheet">
    <link href="resource/css/component/swiper-3.4.2.min.css" rel="stylesheet">
    <link href="resource/css/app.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="bg-light-gray">
    
    <div class="header-box container">
      <div class="header row">
        <div class="col-xs-2"><img src="http://qiniu.prod.fita-club.com/logo.png" alt="" class="logo"></div>
        <div class="menu col-xs-10">
          <ul style="display: inline-block; width: 91%;">
            <li class="item">
              <a href="index.html">首页</a>
            </li>
            <li class="item">
              <a href="alamo.html">国际租车</a>
            </li>
            <li class="item">
              <a href="hot-line.html">热门线路</a>
              <div class="submenu text-center">
                <!-- <a href="javascript:void(0);" class="alink">北美租车线路</a>
                <a href="javascript:void(0);" class="alink">斐济岛线路</a>
                <a href="javascript:void(0);" class="alink">邮轮线路</a> -->
              </div>
            </li>
            <li class="item">
              <a href="javascript:void(0);">国际机票</a>
              <div class="submenu text-center">
                <a href="american-airport.html" class="alink">美国航空</a>
                <a href="british-airport.html" class="alink">英国航空</a>
                <a href="feiji-airport.html" class="alink">斐济航空</a>
                <a href="iberia-airport.html" class="alink">西班牙伊比利亚航空</a>
                <a href="hawaiian-airport.html" class="alink">夏威夷航空</a>
              </div>
  
              </li>
            </li>
            <li class="item">
              <a href="javascript:void(0);">奢华邮轮</a>
              <div class="submenu text-center">
                <a href="holland-america-line.html" class="alink">荷美邮轮</a>
                <a href="seabourn-cruise-line.html" class="alink">世邦邮轮</a>
                <a href="disney-cruise-line.html" class="alink">迪士尼邮轮</a>
              </div>
            </li>
            <li class="item">
              <a href="javascript:void(0);">目的地</a>
              <div class="submenu text-center">
                <a href="dfw-destination.html" class="alink">达拉斯沃斯堡国际机场</a>
                <!-- <a href="portland-destination.html" class="alink">波特兰旅游局</a>
                <a href="oregon-destination.html" class="alink">俄勒冈旅游局</a> -->
              </div>
            </li>
            <li class="item">
              <a href="about-us.html">关于我们</a>
              <!-- <div class="submenu text-center">
                <a href="javascript:void(0);" class="alink">微信</a>
                <a href="javascript:void(0);" class="alink">微博</a>
              </div> -->
            </li>
          </ul>
          <div class="pull-right" style="width: 8%;">
            <select class="language">
              <option>英文</option>
              <option selected>中文</option>
            </select>
          </div>
        </div>
      </div>
    </div>
    <div class="renting-card-banner" style="position: relative;">
      <!-- <img src="resource/images/renting-banner.jpg" alt="" style="display: block; width: 100%;"> -->
      <div class="box-width contianer">
        <form class="renting-car-form">
          <div class="title">海外自驾 · 从飛騰會开始</div>
          <div class="row form-group">
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout">
                <input type="text">
              </div>
            </div>
            <div class="col-xs-6">
              <div class="input-layout" style="border: none;">
                <button type="submit" class="btn ft-btn search-btn">搜索</button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
    <div class="rent-layout box-width container">
      <div class="renting-block-title">
        精选车型 <a href="" class="more-btn pull-right">更多></a>
      </div>
      <div class="clearfix car-type">
        <div class="col-xs-6 item has-bg-item" style="width: 44%;">
          <img src="resource/images/car-type-1.png" class="car-cover">
          <div class="description">
            <div class="car-title">HYUNDAI ELANTRA<small>(或同等车型)</small></div>
            <div class="text">中型轿车/自动档/3行李/5座位/包括空调/4或5门 </div>
            <div class="location"><i class="iconfont icon-loaction"></i>旧金山</div>
            <div class="price">
              <span class="color-brown">￥389</span>/天起
            </div>
          </div>
          <div class="shade">
            <a href="javascript:void(0);" class="btn ft-btn">查看详情</a>
          </div>
        </div>
        <div class="col-xs-3 item" style="width: 28%;">
          <img src="resource/images/car-type-2.png" class="car-cover">
          <div class="description text-center">
            <div class="car-title">TOYOTA RAV4<small>(或同等车型)</small></div>
            <div class="text">中型车/自动档/4行李/5座位/包括空调/2或4门</div>
            <div class="location"><i class="iconfont icon-loaction"></i>旧金山</div>
            <div class="price">
              <span class="color-brown">￥590</span>/天起
            </div>
          </div>
          <div class="shade">
            <a href="javascript:void(0);" class="btn ft-btn">查看详情</a>
          </div>
        </div>
        <div class="col-xs-3 item" style="width: 28%;">
          <img src="resource/images/car-type-3.png" class="car-cover">
          <div class="description text-center">
            <div class="car-title">FORD MUSTANG<small>(或同等车型)</small></div>
            <div class="text">标准/自动档/2行李/4座位/包括空调/2或4门 </div>
            <div class="location"><i class="iconfont icon-loaction"></i>芝加哥</div>
            <div class="price">
              <span class="color-brown">￥712</span>/天起
            </div>
          </div>
          <div class="shade">
            <a href="javascript:void(0);" class="btn ft-btn">查看详情</a>
          </div>
        </div>
        <div class="col-xs-6 item has-bg-item" style="width: 44%;">
          <img src="resource/images/car-type-4.png" class="car-cover">
          <div class="description">
            <div class="car-title">CADILLAC XTS <small>(或同等车型)</small></div>
            <div class="text">豪华轿车/自动档/5行李/5座位/包括空调/4或5门 </div>
            <div class="location"><i class="iconfont icon-loaction"></i>芝加哥</div>
            <div class="price">
              <span class="color-brown">￥671</span>/天起
            </div>
          </div>
          <div class="shade">
            <a href="javascript:void(0);" class="btn ft-btn">查看详情</a>
          </div>
        </div>
        <div class="col-xs-3 item" style="width: 28%;">
          <img src="resource/images/car-type-5.png" class="car-cover">
          <div class="description text-center">
            <div class="car-title">FORD EXPEDITION<small>(或同等车型)</small></div>
            <div class="text">全尺寸SUV/自动档/3行李/7座位/包括空调/2或4门 </div>
            <div class="location"><i class="iconfont icon-loaction"></i>纽约</div>
            <div class="price">
              <span class="color-brown">￥779</span>/天起
            </div>
          </div>
          <div class="shade">
            <a href="javascript:void(0);" class="btn ft-btn">查看详情</a>
          </div>
        </div>
        <div class="col-xs-3 item" style="width: 28%;">
          <img src="resource/images/car-type-6.png" class="car-cover">
          <div class="description text-center">
            <div class="car-title">CHEVY SUBURBAN<small>(或同等车型)</small></div>
            <div class="text">高级车/自动档/7行李/8座位/包括空调/2或4门 </div>
            <div class="location"><i class="iconfont icon-loaction"></i>纽约</div>
            <div class="price">
              <span class="color-brown">￥819</span>/天起
            </div>
          </div>
          <div class="shade">
            <a href="javascript:void(0);" class="btn ft-btn">查看详情</a>
          </div>
        </div>
      </div>
      <div class="renting-block-title">
        自驾指南
      </div>
      <div class="row  guide-layout">
        <div class="col-xs-3">
          <div class="item">
          <img src="resource/images/guide-1.jpg" class="cover">
            <div class="description text-center ">
              <div class="title">则车必备材料</div>
              <p class="text">护照原件&nbsp;&mdash;&nbsp;有效国际信用卡&nbsp;&mdash;&nbsp;有效中国驾驶证原件&nbsp;&mdash;&nbsp;驾照翻译公证件</p>
            </div>
          </div>
        </div>
        <div class="col-xs-3">
          <div class="item">
          <img src="resource/images/guide-2.jpg" class="cover">
            <div class="description text-center">
              <div class="title">租车前</div>
              <p class="text">登陆各网点了解车型、当期优惠、门店分布、使用要求等。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-3">
          <div class="item">
          <img src="resource/images/guide-3.jpg" class="cover">
            <div class="description text-center">
              <div class="title">取车时</div>
              <p class="text">向柜台出示付款确认单、信用卡和驾照。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-3">
          <div class="item">
          <img src="resource/images/guide-4.jpg" class="cover">
            <div class="description text-center">
              <div class="title">还车时</div>
              <p class="text">严格按照租车协议规定，验车完毕后对验收单拍照留存避免以后发生纠纷。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-12 guide-description">
          <div class="item guide-description-1" style="display: block;">
            <img src="resource/images/guide-item-1.png" style="display: block; width: 100%;">
            <div class="content">
              <div class="title">租车无担忧</div>
              <div class="subtitle">飛騰會为您服务</div>
              <div class="text">
                <img src="resource/images/guide-card.png" style="display: block; width: 340px;">
              </div>
            </div>
          </div>
          <div class="item guide-description-2" >
            <img src="resource/images/guide-item-2.png" style="display: block; width: 100%;">
            <div class="content">
              <div class="title">租车无担忧</div>
              <div class="subtitle">飛騰會为您服务</div>
              <div class="text">
                网上预订后可选择在线支付，也可以到门店刷卡支付，<br>在网上预定请收好租车确认单。
              </div>
            </div>
          </div>
          <div class="item guide-description-3" >
            <img src="resource/images/guide-item-3.png" style="display: block; width: 100%;">
            <div class="content">
              <div class="title">租车无担忧</div>
              <div class="subtitle">飛騰會为您服务</div>
              <div class="text">
                领取租赁合约钥匙。领取车时务必检查车况是否与<br>预定的一致出现问题及时像工作人员反馈。
              </div>
            </div>
          </div>
          <div class="item guide-description-4" >
            <img src="resource/images/guide-item-4.png" style="display: block; width: 100%;">
            <div class="content">
              <div class="title">租车无担忧</div>
              <div class="subtitle">飛騰會为您服务</div>
              <div class="text">
                还车后，会收到租车公司从信用卡的划扣费用，一般<br>为违章违规费用，需及时联系租车公司查询。
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="renting-block-title">
        用户分享
      </div>
      <div class="user-share">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide item">
              <img src="resource/images/share-1.png" >
              <div class="comments-layout">
                <div class="text">飛騰會还是蛮靠谱的，值得信赖</div>
                <div class="user text-right">-李**</div>
                <div class="address clearfix">
                  <i class="iconfont icon-"></i>旧金山
                  <i class="iconfont icon-"></i>SUV
                  <div class="pull-right">
                      2019-02-03
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide item">
              <img src="resource/images/share-2.png" >
              <div class="comments-layout">
                <div class="text">选择飛騰會一定没错!车型好而且还是新车，服务也好</div>
                <div class="user text-right">-李**</div>
                <div class="address clearfix">
                  <i class="iconfont icon-"></i>洛杉矶
                  <i class="iconfont icon-"></i>SUV
                  <div class="pull-right">
                      2019-02-03
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide item">
              <img src="resource/images/share-3.png" >
              <div class="comments-layout">
                <div class="text">美国租车非常方便，值得信赖</div>
                <div class="user text-right">-李**</div>
                <div class="address clearfix">
                  <i class="iconfont icon-"></i>芝加哥
                  <i class="iconfont icon-"></i>SUV
                  <div class="pull-right">
                      2019-02-03
                  </div>
                </div>
              </div>
            </div>
            
          </div>
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
      </div>
      <div class="renting-block-title">
        适用地区及国家
      </div>
      <div class="region-layout row">
        <div class="col-xs-3 item">
          <img src="resource/images/region-1.png">
          <div class="circle">北美</div>
        </div>
        <div class="col-xs-3 item">
          <img src="resource/images/region-2.png">
          <div class="circle">澳洲</div>
        </div>
        <div class="col-xs-3 item">
          <img src="resource/images/region-3.png">
          <div class="circle">中东</div>
        </div>
        <div class="col-xs-3 item">
          <a href="javascript:void(0)" class="alink">美国</a>
          <a href="javascript:void(0)" class="alink">泰国</a>
          <a href="javascript:void(0)" class="alink">捷克</a>
          <a href="javascript:void(0)" class="alink">德国</a>
          <a href="javascript:void(0)" class="alink">西班牙</a>
          <a href="javascript:void(0)" class="alink">希腊</a>
          <a href="javascript:void(0)" class="alink">加拿大</a>
          <a href="javascript:void(0)" class="alink">意大利</a>
          <a href="javascript:void(0)" class="alink">冰岛</a>
          <a href="javascript:void(0)" class="alink">新西兰</a>
          <a href="javascript:void(0)" class="alink">关岛</a>
          <a href="javascript:void(0)" class="alink">奥地利</a>
          <a href="javascript:void(0)" class="alink">法国</a>
          <a href="javascript:void(0)" class="alink">塞班</a>
          <a href="javascript:void(0)" class="alink">巴西</a>
          <a href="javascript:void(0)" class="alink">英国</a>
          <a href="javascript:void(0)" class="alink">瑞士</a>
          <a href="javascript:void(0)" class="alink">挪威</a>
          <a href="javascript:void(0)" class="alink">澳大利亚</a>
          <a href="javascript:void(0)" class="alink">荷兰</a>
          <a href="javascript:void(0)" class="alink">土耳其</a>
        </div>
      </div>
    </div>
    <div class="form-layout renting-car-page">
      <div class="form-box container">
        <div class="row">
          <div class="col-xs-5 counsel-info" style="padding-top: 60px;">
            <!-- <div><span style="font-size: 40px;">创办以来</span>
              <p>好评率近达 <span style="font-size: 40px;">100%</span><br>我们期待为您，<br>量身定制一次温暖的旅行。</p>
            </div> -->
            <div class="qrcode-layout" style="margin-top: 100px;">
              <img src="resource/images/counsel.png" class="img-style"/>
              <p class="text-center">免费咨询</p>
              <img src="resource/images/qrcode.png" class="qrcode">
            </div>
          </div>
          <div class="col-xs-7 form-contain">
            <p style="font-size: 40px;">只要决定出发</p>
            <p style="font-size: 20px;">剩下的一切，交给洪吉就好。</p>
            <div class="form-group basics-info clearfix">
              <input class="input" name="name" value="" placeholder="姓名">
              <input class="input"  name="address" value="" placeholder="目的地">
              <input class="input"  name="date" value="" placeholder="天数">
            </div>
            <div class="form-group">
              <input class="input"  name="mobile" value="" placeholder="联系方式">
            </div>
            <textarea name="message" value="" placeholder="您可以填写：如出行日期、预计经费、是否带小孩以及其它特殊情况申明等。"></textarea>
            <button class="ft-btn submit" style="width: 150px;">提交</button>
            <a href="javascript:void(0);" class="send hidden"></a>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-layout">
      <div class="footer-box container box-width">
        <div class="row">
          <div class="item text-center ">
            <div class="title">国际租车</div>
            <a href="">爱路美国际租车</a>
            <a href="alamo.html">企业号租车</a>
            <a href="">纳什租车</a>
          </div>
          <div class="item text-center ">
            <div class="title">国际机票</div>
            <a href="american-airport.html">美国航空</a>
            <a href="british-airport.html">英国航空</a>
            <a href="feiji-airport.html">斐济航空</a>
            <a href="iberia-airport.html">西班牙伊比利亚航空</a>
            <a href="hawaiian-airport.html">夏威夷航空</a>
          </div>
          <div class="item text-center ">
            <div class="title">奢华邮轮</div>
            <a href="holland-america-line.html">荷美邮轮</a>
            <a href="seabourn-cruise-line.html">世邦邮轮</a>
            <a href="disney-cruise-line.html">迪士尼邮轮</a>
          </div>
          <div class="item text-center ">
            <div class="title">热门线路</div>
            <a href="">阳光加州</a>
            <a href="">开拓之旅-波特兰</a>
            <a href="">心花怒放-夏威夷</a>
            <a href="">邮轮热门航线</a>
          </div>
          <div class="item text-center ">
            <div class="title">目的地</div>
            <a href="dfw-destination.html">达拉斯沃斯堡国际机场</a>
            <a href="oregon-destination.html">俄勒冈旅游局</a>
            <a href="portland-destination.html">波特兰旅游局</a>
            <a href="">斐济</a>
          </div>
          <div class="item text-center ">
            <div class="title">联系我们</div>
            <a href=""><span class="iconfont icon-wechat"></span>微信</a>
            <a href=""><span class="iconfont icon-weibo"></span>微博</a>
            <a href=""><span class="iconfont icon-feizhu"></span>飞猪</a>
          </div>
          <div class="item text-center qrcode-box">
          
            <img src="resource/images/footer-wechat.png" alt="" style="width: 100px;">
            <p class="">微信</p>
            <img src="resource/images/footer-weibo.png" alt="" style="width: 100px;">
            <p class="">微博</p>
          </div>
        </div>
        <div class="renting-brand-layout text-center">
          <div class="clearfix brand-logo">
            <div class="item">
              <img src="resource/images/renting-brand-1.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-2.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-3.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-4.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-5.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-6.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-7.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-1.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-8.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-9.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-10.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-11.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-12.png" alt="">
            </div>
            <div class="item">
              <img src="resource/images/renting-brand-13.png" alt="">
            </div>
          </div>
          <p class="text-center" style="margin-top: 20px; margin-bottom: 20px; color: #3a3a3a; font-weight: bold;">上海见闻国际旅行社  版权所有  沪ICP备18038258号</p>
        </div>
      </div>
    </div>

    <div class="modal fade in" id="pay-modal" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">
            <div class="price"><span>￥</span>433.20</div>
            <div class="pay-type">
              <div class=""><input ></div>
            </div>
            <div class="pay-type"></div>
            <div class="pay-type"></div>
            <div class="pay-type"></div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <script src="resource/js/vendor/require.js"></script>
    <script>
      requirejs(['resource/js/main'], function() {
        require(['page/renting-car'], function(page) {
          page.init()
        });
      });
    </script>
  </body>
</html>